@import 'base.less';
@icon-size: 50px;
.more{
	overflow: hidden;
	li{
		float: left;
	    width: 70px;
	    margin-right: 15px;
	    text-align: center;
		
		&.map{
			&:hover{
				a:before{
				    background-position: 0 -150px
				}
			}
			a:before{
			    background-position: 0 -50px
			}
		} 

		&.msg{
			&:hover{
				a:before{
					background-position: 0 -200px;
				}
			}

			a:before{
			    background-position: 0 -250px;
			}
		}

		&.book{
			&:hover{
				a:before{
					background-position: 0 -100px;
				}
			}

			a:before{
			    background-position: 0 0
			}
		}
		
	    a{
	    	display: block;
	    	color: @color-0-54;

	    	&:before{
	    		content: '';
	    		display: block;
				width: @icon-size;
				height: @icon-size;
				margin: 10px auto;
				background: url(../static/images/icon-more-all.png) no-repeat;
				background-size: 100%;
	    	}
	    }

	    &:last-child{
	    	margin-right: 0;
	    }
	}
}